<template>
    <div>
        文章列表
        <div v-for="item in items" :key="item.id">
            {{ item.title }}|{{ item.content }}
        </div>
    </div>
</template>

<script>
    export default {
        data:function(){
            return{
                items:[
                    {
                        id:1,
                        title:"第一篇文章",
                        content:"very good content,this is my first article,intruduction my info."
                    },
                    {
                        id:2,
                        title:"第二篇文章",
                        content:"very good content,this is my first article,intruduction my info."
                    },
                    {
                        id:3,
                        title:"第三篇文章",
                        content:"very good content,this is my first article,intruduction my info."
                    }
                ]
            }
        }
    }
</script>

<style scoped>

</style>